/* theme-light.css - 亮色主题 */
.app.light {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.app.light h1 {
  color: #333;
}

/* 添加亮色主题下的代码块样式 */
.light .editor code,
.light .preview code {
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
}

.light .editor pre,
.light .preview pre {
  background-color: rgba(240, 240, 240, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
}


.light .toolbar-show-button {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.7), rgba(114, 93, 217, 0.7));
  color: white;
  border: none;
}

.light .toolbar-show-button:hover {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.8), rgba(114, 93, 217, 0.8));
}